<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">

        <ui:define name="title">
            <center>
                <h:panelGrid columns="2">
                    <h:graphicImage value="logoPorvenir.PNG"/>
                    <h:outputText value="Servicio de Atención de Requerimientos SAR" style="color:#0066ff"></h:outputText>
                </h:panelGrid>
                <h:outputText value="Gerencia de Tecnología"></h:outputText>
            </center>
        </ui:define>

        <ui:define name="body">
            <h:panelGroup id="messagePanel" layout="block" >
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form>
                <br />
                <b><h:outputLabel value="Informacion General" /></b>

                <center>
                    <b><f:verbatim>
                            <hr size="2" align="center"/>
                        </f:verbatim>
                        <h:panelGrid columns="4" border="1" title="Informacion General">
                            <h:outputLabel value="Líder Funcional" for="liderfuncional" />
                            <h:selectOneMenu id="liderfuncional" value="#{requerimientoBean.selected.liderfuncional}" required="true" requiredMessage="Se requiere elegir un lider funcional">
                                <f:selectItems value="#{liderfuncionalBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Líder del Proyecto" for="liderproyecto" />
                            <h:selectOneMenu id="liderproyecto" value="#{requerimientoBean.selected.liderproyecto}" required="true" requiredMessage="Se requiere elegir un lider proyecto">
                                <f:selectItems value="#{liderProyectoBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Director Funcional" for="directorFuncional" />
                            <h:selectOneMenu id="directorFuncional" value="#{requerimientoBean.selected.directorfuncional}" required="true" requiredMessage="Se requiere elegir un director funcional">
                                <f:selectItems value="#{directorfuncionalBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Tipo de Requerimiento" for="tiporequerimiento" />
                            <h:selectOneMenu id="tiporequerimiento" value="#{requerimientoBean.selected.tiporequerimiento}" required="true" requiredMessage="Se requiere elegir un tipo de requerimiento">
                                <f:selectItems value="#{tiporequerimientoBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Director Desarrollo" for="directorDesarrollo" />
                            <h:selectOneMenu id="directorDesarrollo" value="#{requerimientoBean.selected.directordesarrollo}" required="true" requiredMessage="Se requiere elegir un director desarrollo">
                                <f:selectItems value="#{directorDesarrolloBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                        </h:panelGrid>
                    </b> 
                </center>
                <br />
                <br />
                <b><h:outputLabel value="Informacion Funcional"/></b>
                <center>
                    <b><f:verbatim>
                            <hr size="2" align="center"/>
                        </f:verbatim>
                        <h:panelGrid columns="4">
                            <h:outputLabel value="Aplicativo" for="aplicativo" />
                            <h:selectOneMenu id="aplicativo" value="#{requerimientoBean.selected.aplicativo}" required="true" requiredMessage="Se requiere elegir el aplicativo">
                                <f:selectItems value="#{aplicativoBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Motivo" for="motivo" />
                            <h:selectOneMenu id="motivo" value="#{requerimientoBean.selected.motivo}" required="true" requiredMessage="Se requiere elegir un motivo">
                                <f:selectItems value="#{motivoBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Descripción" for="descripcion" />
                            <h:inputTextarea id="descripcion" value="#{requerimientoBean.selected.descripcion}" cols="36" required="true" requiredMessage="Se requiere la descripción del requerimiento"/>
                            <h:outputLabel value="Especificación Funcional" for="especificacionFuncional" />
                            <h:inputTextarea id="especificacionFuncional" value="#{requerimientoBean.selected.especificacionFuncional}" cols="36" required="true" requiredMessage="Se requiere la especificación funcional"/>
                            <h:outputLabel value="Senda Valor" for="sendaValor" />
                            <h:selectOneMenu id="sendaValor" value="#{requerimientoBean.selected.sendavalor}" required="true" requiredMessage="Se requeriere escoger la senda valor">
                                <f:selectItems value="#{sendaValorBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                        </h:panelGrid>
                        <h:panelGrid columns="4">
                            <h:outputLabel value="Impacto" for="impacto" />
                            <h:selectOneMenu id="impacto" value="#{requerimientoBean.selected.impacto}" required="true" requiredMessage="Se requeriere escoger el impacto">
                                <f:selectItems value="#{impactoBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Urgencia" for="urgencia" />
                            <h:selectOneMenu id="urgencia" value="#{requerimientoBean.selected.urgencia}" required="true" requiredMessage="Se requiere elegir la urgencia del requerimiento">
                                <f:selectItems value="#{urgenciaBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Justificación Requerimiento/Beneficios" for="justificacion" />
                            <h:inputTextarea id="justificacion" value="#{requerimientoBean.selected.justificacion}" cols="25" required="true" requiredMessage="Se requiere la justificación"/>
                        </h:panelGrid>
                    </b>
                
                <br />
                <h:commandLink action="#{requerimientoBean.crear}" value="Enviar" />
                <br />
                </center>
                <br />
                <h:commandLink value="Inicio" action="/index" immediate="true" />
            </h:form>
        </ui:define>

    </ui:composition>

</html>
